<template>
  <div class="cellList" :class='{"bjFFFFFF":theme=="01"}'><p class="report-name">{{title}}</p><p class="report-in" :class='{"iconright":isLink}' v-if="linkNmae">{{linkNmae}}</p></div>
</template>

<script>
  export default {
        components: {
        },
        data () {
            return {
            }
        },
       props: {
           isLink:{ type:[Boolean] , default: false },
           title:{ type:[String] , default: "标题" },
           linkNmae:{ type:[String] , default: "" },
           theme:{ type:[String] , default: "" },//  01(bjFFFFFF)

        },
        created(){

        },
        mounted(){
        },
        methods: {

        }
    }
</script>
<style lang="scss" scoped>
  .cellList{
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #F9F6F0;
    padding-left:px2rem(45px);
    &.bjFFFFFF{
     background: #FFFFFF;
    }
    .report-name{
      padding-top:px2rem(35px);
      padding-bottom:px2rem(35px);
      padding-right: px2rem(45px);
      font-size:px2rem($fs_01);
    }
    .report-in{
      padding-top:px2rem(35px);
      padding-bottom:px2rem(35px);
      position:relative;
      padding-right: px2rem(75px);
      color: $glf3;
      &:after{
       margin-top:-7Px;
       border-color: $glf3;
      }
    }
  }


</style>
